<div class="home-profile-wrap panel panel-default">
	<div class="panel-body">
		<div class="col-md-12 no-padding">
			<div class="alert alert-info">
				<span class="glyphicon glyphicon-time"></span> <strong>Pending approval!</strong> Your profile is being approved. It means other user can't search for you just yet.
			 </div>
		</div>

		<div class="col-md-5 no-padding">
		<div class="hot-not-wrap">
				<a href="#">
				<div class="panel panel-default cards-wrap profile-pic-style-copy1">
					<a href="#" class="cards-photo"><span class="badge"><span class="glyphicon glyphicon-camera"></span>2</span></a>
					<div class="panel-body padding-5">
						<div class="cards-large-image">
							<img src="img/default-img.jpg" class="img-responsive">
						</div>
						<div class="profile-user-info-wrap">
							<a href="#"><strong>Username, 34</strong></a>
							<p>Clapham, London, UK</p>
						</div>

						<a href="#" class="btn btn-danger nope"><span class="glyphicon glyphicon-remove"></span> Nope</a>
						<a href="#" class="btn btn-success wink-btn"><span class="glyphicon glyphicon-ok"></span> Wink</a>
					</div>
				</div> <!-- copy panel for styling -->
				<div class="panel panel-default cards-wrap profile-pic-style-copy2">
					<a href="#" class="cards-photo"><span class="badge"><span class="glyphicon glyphicon-camera"></span>2</span></a>
					<div class="panel-body padding-5">
					<div class="cards-large-image">
							<img src="img/default-img.jpg" class="img-responsive">
						</div>
						<div class="profile-user-info-wrap">
						<a href="#"><strong>Username, 34</strong></a>
						<p>Clapham, London, UK</p>
						</div>
						<!-- <a href="#" class="btn btn-danger nope"><span class="glyphicon glyphicon-remove"></span> Nope</a> -->
						<a href="#" class="btn btn-success wink-btn"><span class="glyphicon glyphicon-ok"></span> Wink</a>
					</div>
				</div> <!-- copy panel for styling -->
				<!-- original panel -->
				<div class="panel panel-default cards-wrap profile-pic-style-orig">
					<a href="#" class="cards-photo"><span class="badge"><span class="glyphicon glyphicon-camera"></span>2</span></a>
					<div class="panel-body padding-5">
					<div class="cards-large-image">
							<img src="img/default-img.jpg" class="img-responsive">
						</div>
						<div class="profile-user-info-wrap">
						<a href="#"><strong>Username, 34</strong></a>
						<p>Clapham, London, UK</p>
						</div>
						<a href="#" class="btn btn-danger nope"><span class="glyphicon glyphicon-remove"></span> Nope</a>
						<a href="#" class="btn btn-success wink-btn"><span class="glyphicon glyphicon-ok"></span> Wink</a>
					</div>
				</div> <!-- end of original panel -->
				</a>
		</div>
			<?php include 'stories_blog.php'; ?>
		</div>

		<div class="col-md-7 no-padding-right new-members-wrap">
			<div class="panel panel-profile">
				<div class="panel-heading">
					<h3 class="panel-title">New Members</h3>
				</div>
				<div class="panel-body">
					<?php include "new_member.php"; ?>				
				</div>
			</div>
			<div class="panel panel-profile">
				<div class="panel-heading">
					<h3 class="panel-title">Hottest This Week</h3>
				</div>
				<div class="panel-body">
					<?php include "hottest_week.php"; ?>				
				</div>
					<div class="panel-footer-small">
						<p class="push-10">Vote for next week's Hottest</p>
						<a href="#" class="btn btn-default vote-now"><i class="fa fa-trophy image-inline"></i>Vote Now</a>
						<a href=""><img src="http://placehold.it/30x30" class="img-responsive image-inline img-thumbnail"></a>
						<a href=""><img src="http://placehold.it/30x30" class="img-responsive image-inline img-thumbnail"></a>
						<a href=""><img src="http://placehold.it/30x30" class="img-responsive image-inline img-thumbnail"></a>
						<a href=""><img src="http://placehold.it/30x30" class="img-responsive image-inline img-thumbnail"></a>
				</div>
			</div>
		</div>
	</div>
	
</div>
